Bymas | Css помогите

Нужен разворачивающийся при нажатии свиток на css сверху в низ. Не могу найти

https://www.mobila.name/post/5172c6cbb4ab3

Вот на чистом CSS, обычный спойлер. АНимацию будет нужно потом подкрутить, но блин, тут без JS никак!) Ссылка -> https://web3r.ru/css-spoilers



function toggleMenu(id)

{

  let node = document.getElementById(id);



  if(node)

    node.style.display = node.style.display == "block" ? "none" : "block";

}



...



<button onclick="toggleMenu('menuid')">Развернуть</button>

________
посл. ред. 07.05.2019 в 17:34; всего 1 раз(а); by monobogdan

Romanko (07.05.2019 в 17:11)
https://www.mobila.name/post/5172c6cbb4ab3

Это не свиток.

Loll_lark (07.05.2019 в 17:12)
Вот на чистом CSS, обычный спойлер. АНимацию будет нужно потом подкрутить, но блин, тут без JS никак!) Ссылка -> https://web3r.ru/css-spoilers

Анимацию нет времени, нужен свиток готовый, а не шаблон спойлера, его я тоже могу сделать.

monobogdan (07.05.2019 в 17:34)



function toggleMenu(id)

{

  let node = document.getElementById(id);



  if(node)

    node.style.display = node.style.display == "block" ? "none" : "block";

}



...



<button onclick="toggleMenu('menuid')">Развернуть</button>

Что у вас в голове? Я свиток просил, а не JS toggle, и где css?

Dj Marshmallow, попробуй код посмотреть, а не триггеритя по знакомым словам.
________
посл. ред. 07.05.2019 в 17:50; всего 1 раз(а); by monobogdan

Dj Marshmallow (07.05.2019 в 17:45)
Romanko (07.05.2019 в 17:11)
https://www.mobila.name/post/5172c6cbb4ab3

Это не свиток.

свиток типа как на http://qhost.icu ?

monobogdan (07.05.2019 в 17:48)
Dj Marshmallow, попробуй код посмотреть, а не триггеритя по знакомым словам.

Извиняюся, мне так стыдно.

Изображение

------

64289_Screenshot_20190507175512.png (176.2 Kb)
Скачиваний: 150